
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Conexi&oacute;n</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href='css/estiloprincipal.css ' rel='stylesheet'>
    <link rel="shortcut icon" href="img/user1_monitor.ico"/>
          <script type="text/javascript">
            function validarForm(formulario){
                
                if(formulario.usuario.value.length==0){
                    
                    formulario.usuario.focus();
                    alert('No has escrito usuario');
                    return false;
//                    var filter = /^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/;
//                    if(!filter.test(formulario.usuario)){
//                    formulario.usuario.focus();
//                    alert('E-mail incorrecto');
//                    return false;
//                } 
                }else if(formulario.password.value.length==0){
                    formulario.password.focus();
                    alert('No has escrito tu clave de acceso');
                    return false;
                } 
                return true;
            }
            
            
        </script>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

  </head>

  <body>
<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
            <a class="brand" href="#">Conexi&oacute;n</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="principal.php">Inicio</a></li>
              <li><a href="historia.php">Quienes somos</a></li>
              <li><a href="misionVision.php">Mision y Vision</a></li>
              <li><a href="productos.php">Productos</a></li>
            </ul> 
            <form class="navbar-form pull-right" name="form1" method="POST" action="checklogin.php" onsubmit="return validarForm(this);">
              <table cellspacing="0">
              <tbody>
                  <tr>
                      <td><input class="span2" type="text" name="usuario" placeholder="Usuario"> </td>
                       <td><input class="span2" type="password" name="password" placeholder="Password"></td>
                       <td><button type="submit" class="btn btn-primary">Iniciar sesi&oacute;n</button></td>
                  <tr>
                      <td></td>
                      <td><a href="">Recuperar contraseña</a></td>
                  </tr>
               </tbody>
              </table>
            </form>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span12">
          <div class="hero-unit">
            <h3>Misi&oacute;n</h3>
            <p class="lead">Atender a nuestros clientes segun los estandares de excelencia que nos diferencian,
                logrando satisfacer todas las necesidades de productos tecnologicos con un amplio catalogo
                de marcas de calidad comprobada, con precios por debajo de la competencia; y personal 
                capacitado para brindar la mejor atenci&oacute;n.      
            </p>
            
            <hr>
            
            <h3>Visi&oacute;n</h3>
            <p>Llegar a ser lider en ventas de productos tecnologicos en El Salvador, proyectandonos a extender
                nuestra presencia en latinoamerica y el caribe. Llegando a ser el distribuidor n&uacute;mero uno
                de las marcas m&aacute;s reconocidas a nivel mundial. Y lider en importaciones de alta tecnolog&iacute;a.
            </p>
          </div>
        </div><!--/span-->
      </div><!--/row-->

      <hr>

      <footer>
          <center><p>&copy; Conexi&oacute;n 2013</p></center>
      </footer>

    </div><!--/.fluid-container-->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="../assets/js/bootstrap-modal.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
    <script src="../assets/js/bootstrap-tab.js"></script>
    <script src="../assets/js/bootstrap-tooltip.js"></script>
    <script src="../assets/js/bootstrap-popover.js"></script>
    <script src="../assets/js/bootstrap-button.js"></script>
    <script src="../assets/js/bootstrap-collapse.js"></script>
    <script src="../assets/js/bootstrap-carousel.js"></script>
    <script src="../assets/js/bootstrap-typeahead.js"></script>

  </body>
</html>
